<template>
  <div>
    App age: {{ age }}
    <hr />
    <Child :age="age" :info="info" @changeAge="changeAge" />
  </div>
</template>

<script>
import Child from './Child.vue'
export default {
  name: 'App',
  components: {
    Child,
  },
  data() {
    return {
      age: 18,
      info: {
        address: '河南',
      },
    }
  },
  methods: {
    changeAge(age) {
      this.age = age
    },
  },
}
</script>

<style lang="less" scoped></style>
